
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - consulta</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.i.IOException: Premature close<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">1438</td>
		    	<td class="value error-col-3 total ko">66.482 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">Request timeout to localhost/127.0.0.1:9999 after 60000 ms<span class="value" style="display:none">1</span></td>
		    	<td class="value error-col-2 total ko">723</td>
		    	<td class="value error-col-3 total ko">33.426 %</td>
		    </tr>
		    <tr>
		    	<td class="error-col-1 total ko">status.find.in([200, 209], 304), found 502<span class="value" style="display:none">2</span></td>
		    	<td class="value error-col-2 total ko">2</td>
		    	<td class="value error-col-3 total ko">0.092 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_consulta-5d76b'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['592', '1777', '2962', '4147', '5332', '6517', '7702', '8887', '10071', '11256', '12441', '13626', '14811', '15996', '17181', '18366', '19551', '20735', '21920', '23105', '24290', '25475', '26660', '27845', '29030', '30214', '31399', '32584', '33769', '34954', '36139', '37324', '38509', '39693', '40878', '42063', '43248', '44433', '45618', '46803', '47988', '49173', '50357', '51542', '52727', '53912', '55097', '56282', '57467', '58652', '59836', '61021', '62206', '63391', '64576', '65761', '66946', '68131', '69315', '70500', '71685', '72870', '74055', '75240', '76425', '77610', '78795', '79979', '81164', '82349', '83534', '84719', '85904', '87089', '88274', '89458', '90643', '91828', '93013', '94198', '95383', '96568', '97753', '98937', '100122', '101307', '102492', '103677', '104862', '106047', '107232', '108417', '109601', '110786', '111971', '113156', '114341', '115526', '116711', '117896'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  43.12,1.39,2.01,1.65,1.26,1.11,1.42,0.96,0.52,1.5,0.85,0.66,0.52,0.82,0.46,0.49,0.51,0.52,0.39,0.7,0.61,0.58,0.09,0.54,0.07,0.1,0.64,0.42,0.7,0.19,0.18,0.54,0.18,0.06,0.13,0.22,0.25,0.36,0.09,0.21,0.01,0.01,0.01,0.06,0.04,0.03,0.13,0.03,0.01,0.01,0.01,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0,0.0
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  0.45,0.01,0.07,0.01,0.1,0.04,0.13,0.25,0.13,0.19,0.13,0.28,0.33,0.31,0.31,0.45,0.36,0.37,0.54,0.63,0.34,0.4,0.4,0.58,0.57,0.78,0.57,0.4,0.58,0.58,0.46,0.33,0.55,0.31,0.54,0.48,0.9,0.52,0.67,0.54,0.51,0.48,0.28,0.34,0.25,0.46,0.37,0.43,0.54,0.42,2.76,0.19,0.16,0.19,0.16,0.22,0.12,0.1,0.13,0.13,0.24,0.18,0.15,0.12,0.1,0.33,0.1,0.25,0.15,0.3,0.27,0.22,0.37,0.51,0.42,0.39,0.3,0.57,0.36,0.46,0.43,0.16,0.27,0.12,0.45,0.24,0.12,0.03,0.09,0.06,0.1,0.13,0.04,0.06,0.07,0.01,0.03,0.06,0.03,0.06
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692815480,[12,12,12,12,12,12,12,12,12,12]],[1692815481,[4,4,4,4,4,4,4,4,4,4]],[1692815482,[4,4,5,5,5,5,5,5,5,5]],[1692815483,[4,4,4,4,4,4,4,4,4,4]],[1692815484,[4,4,4,4,4,4,4,4,4,4]],[1692815485,[5,5,5,5,5,5,5,5,5,6]],[1692815486,[4,4,4,4,4,4,4,4,4,4]],[1692815487,[4,4,4,4,4,4,4,4,4,4]],[1692815488,[5,5,5,5,5,5,5,5,5,5]],[1692815489,[4,4,5,5,5,5,5,5,5,6]],[1692815490,[3,4,5,5,6,7,8,9,9,10]],[1692815491,[4,4,4,4,4,4,4,4,4,4]],[1692815492,[3,3,3,4,4,4,4,4,4,5]],[1692815493,null],[1692815494,[3,3,3,4,4,4,4,4,4,4]],[1692815495,[3,3,3,4,4,4,4,4,4,4]],[1692815496,[3,3,3,4,4,4,4,4,4,5]],[1692815497,[3,3,3,3,3,3,3,3,3,4]],[1692815498,[4,4,4,10,11,13,14,15,16,17]],[1692815499,[3,4,4,4,5,5,5,5,5,6]],[1692815500,[3,4,4,5,5,5,5,6,6,7]],[1692815501,[2,3,3,3,4,4,4,4,4,4]],[1692815502,[3,3,4,4,4,4,4,4,4,4]],[1692815503,[3,3,4,5,5,6,6,6,6,7]],[1692815504,[3,3,4,4,4,4,4,4,4,5]],[1692815505,[4,4,4,4,4,4,4,4,4,4]],[1692815506,[2,3,3,4,4,4,5,5,5,5]],[1692815507,[2,3,3,3,3,4,4,4,4,4]],[1692815508,[2,3,3,3,3,3,4,4,4,4]],[1692815509,[2,3,3,3,3,4,4,5,6,7]],[1692815510,[2,3,3,3,3,4,4,4,4,4]],[1692815511,[2,3,3,3,4,4,4,4,8,10]],[1692815512,[2,3,3,3,3,3,3,4,6,8]],[1692815513,[2,2,3,3,3,3,3,4,4,4]],[1692815514,[2,3,3,4,4,4,5,6,12,15]],[1692815515,[2,3,3,3,3,3,3,4,4,4]],[1692815516,[2,3,3,3,3,4,4,4,6,6]],[1692815517,[2,3,3,3,3,4,4,6,9,11]],[1692815518,[2,3,3,3,3,3,4,4,4,5]],[1692815519,[2,3,3,3,3,3,4,4,4,5]],[1692815520,[2,3,3,3,3,4,4,4,9,14]],[1692815521,[2,3,3,4,4,5,7,9,15,17]],[1692815522,[3,4,6,12,13,56,62,95,244,274]],[1692815523,[4,49,81,187,236,291,361,387,570,591]],[1692815524,[5,89,166,269,286,295,326,390,517,585]],[1692815525,[25,85,177,250,284,297,373,403,462,479]],[1692815526,[9,64,89,163,174,185,269,345,404,483]],[1692815527,[2,9,67,85,92,95,99,174,195,202]],[1692815528,[2,4,6,16,20,21,41,67,82,83]],[1692815529,[2,3,5,9,10,14,18,30,53,58]],[1692815530,[2,3,3,6,7,8,9,10,18,23]],[1692815531,[2,3,3,5,5,6,9,12,40,44]],[1692815532,[2,3,3,4,5,5,6,17,23,27]],[1692815533,[2,3,5,8,9,11,21,39,41,42]],[1692815534,[2,3,6,14,20,29,46,61,78,84]],[1692815535,[2,3,4,5,5,5,6,7,9,10]],[1692815536,[2,4,9,33,42,50,58,73,86,105]],[1692815537,[2,2,3,11,17,40,56,69,96,100]],[1692815538,[1,3,3,4,4,4,5,6,10,10]],[1692815539,[2,3,3,4,4,4,4,5,6,14]],[1692815540,[2,2,3,5,5,6,7,9,13,19]],[1692815541,[2,3,5,13,17,22,31,44,55,97]],[1692815542,[2,3,3,5,8,13,50,75,265,278]],[1692815543,[8,100,191,280,289,304,398,479,501,559]],[1692815544,[4,73,201,268,277,282,292,369,381,389]],[1692815545,[5,88,291,415,474,603,707,767,782,857]],[1692815546,[8,106,267,987,992,1000,1057,1066,1086,1090]],[1692815547,[106,267,373,1064,1082,1191,1381,1574,1576,1578]],[1692815548,[310,699,1535,1723,1783,1809,1866,1876,1890,1913]],[1692815549,[1124,1489,2194,2596,2599,2607,2617,2662,2679,2680]],[1692815550,[2393,2678,2891,3077,3190,3202,3222,3311,3374,3388]],[1692815551,[3197,3563,4104,4189,4192,4196,4197,4404,4465,4474]],[1692815552,[4079,4119,4577,4991,5553,5663,5699,6049,6184,6196]],[1692815553,[4415,4699,6051,6091,6108,6136,6175,6183,6683,6749]],[1692815554,[5055,5798,6616,7402,7462,7472,7792,7806,8056,8065]],[1692815555,[5797,7010,8085,8374,8379,8395,8452,8465,8473,8477]],[1692815556,[7312,7791,7871,9181,9292,9462,9494,9601,10459,10496]],[1692815557,[7801,8397,10796,10850,10911,11169,11183,11196,11242,11243]],[1692815558,[9577,9972,10996,11667,11673,12282,12285,12295,12309,12314]],[1692815559,[10930,11761,11962,13449,13871,14187,14197,14302,14589,14761]],[1692815560,[11882,13487,14510,15688,15825,16282,16399,16410,16471,16476]],[1692815561,[14369,14645,15272,17095,17103,17231,18100,18112,18175,18179]],[1692815562,[16197,17059,17788,19162,19487,19932,19976,20677,20861,20865]],[1692815563,[17820,19291,20905,22804,23280,23308,23391,23403,23463,23468]],[1692815564,[20983,22360,23436,24321,24391,24895,24965,25713,26027,26033]],[1692815565,[24760,25611,25753,27815,27826,27859,27904,27929,27963,27977]],[1692815566,[25992,27952,28117,31090,31102,31112,31118,31174,31205,31211]],[1692815567,[28278,31084,32002,33484,33823,33841,33848,33895,33914,33920]],[1692815568,[31633,32873,33843,34072,34182,35283,35584,35922,36436,36865]],[1692815569,[34508,36604,37063,38085,38365,38739,39459,40511,41221,41262]],[1692815570,[37016,37113,41249,42175,42176,42192,42438,42467,42609,42647]],[1692815571,[42403,43382,43950,44806,46022,46116,46568,46899,46906,46906]],[1692815572,[46482,46958,47198,48450,48663,48876,49201,49544,49818,49887]],[1692815573,[50988,51498,52512,52861,53158,53455,53620,53653,53679,53686]],[1692815574,[55203,55208,55211,55780,56206,56710,57368,58028,58556,58689]],[1692815575,[59320,59320,59320,59320,59320,59320,59320,59320,59320,59320]],[1692815576,null],[1692815577,null],[1692815578,null],[1692815579,null],[1692815580,null],[1692815581,null],[1692815582,null],[1692815583,null],[1692815584,null],[1692815585,null],[1692815586,null],[1692815587,null],[1692815588,null],[1692815589,null],[1692815590,null],[1692815591,null],[1692815592,null],[1692815593,null],[1692815594,null],[1692815595,null],[1692815596,null],[1692815597,null],[1692815598,null],[1692815599,null],[1692815600,null],[1692815601,null],[1692815602,null],[1692815603,null],[1692815604,null],[1692815605,null],[1692815606,null],[1692815607,null],[1692815608,null],[1692815609,null],[1692815610,null],[1692815611,null],[1692815612,null],[1692815613,null],[1692815614,null],[1692815615,null],[1692815616,null],[1692815617,null],[1692815618,null],[1692815619,null],[1692815620,null],[1692815621,null],[1692815622,null],[1692815623,null],[1692815624,null],[1692815625,null],[1692815626,null],[1692815627,null],[1692815628,null],[1692815629,null],[1692815630,null],[1692815631,null],[1692815632,null],[1692815633,null],[1692815634,null],[1692815635,null],[1692815636,null],[1692815637,null],[1692815638,null],[1692815639,null],[1692815640,null],[1692815641,null],[1692815642,null],[1692815643,null],[1692815644,null],[1692815645,null],[1692815646,null],[1692815647,null],[1692815648,null],[1692815649,null],[1692815650,null],[1692815651,null],[1692815652,null],[1692815653,null],[1692815654,null],[1692815655,null],[1692815656,null],[1692815657,null],[1692815658,null],[1692815659,null],[1692815660,null],[1692815661,null],[1692815662,null],[1692815663,null],[1692815664,null],[1692815665,null],[1692815666,null],[1692815667,null],[1692815668,null],[1692815669,null],[1692815670,null],[1692815671,null],[1692815672,null],[1692815673,null],[1692815674,null],[1692815675,null],[1692815676,null],[1692815677,null],[1692815678,null],[1692815679,null],[1692815680,null],[1692815681,null],[1692815682,null],[1692815683,null],[1692815684,null],[1692815685,null],[1692815686,null],[1692815687,null],[1692815688,null],[1692815689,null],[1692815690,null],[1692815691,null],[1692815692,null],[1692815693,null],[1692815694,null],[1692815695,null],[1692815696,null],[1692815697,null],[1692815698,null],[1692815699,null],[1692815700,null],[1692815701,null],[1692815702,null],[1692815703,null],[1692815704,null],[1692815705,null],[1692815706,null],[1692815707,null],[1692815708,null],[1692815709,null],[1692815710,null],[1692815711,null],[1692815712,null],[1692815713,null],[1692815714,null],[1692815715,null],[1692815716,null],[1692815717,null],[1692815718,null],[1692815719,null],[1692815720,null],[1692815721,null],[1692815722,null],[1692815723,null],[1692815724,null],[1692815725,null],[1692815726,null],[1692815727,null],[1692815728,null],[1692815729,null],[1692815730,null],[1692815731,null],[1692815732,null],[1692815733,null],[1692815734,null],[1692815735,null],[1692815736,null],[1692815737,null],[1692815738,null],[1692815739,null],[1692815740,null],[1692815741,null],[1692815742,null],[1692815743,null],[1692815744,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692815480,[1,1,0]],[1692815481,[2,2,0]],[1692815482,[3,3,0]],[1692815483,[1,1,0]],[1692815484,[2,2,0]],[1692815485,[2,2,0]],[1692815486,[1,1,0]],[1692815487,[3,3,0]],[1692815488,[2,2,0]],[1692815489,[2,2,0]],[1692815490,[5,5,0]],[1692815491,[1,1,0]],[1692815492,[4,4,0]],[1692815493,[0,0,0]],[1692815494,[4,4,0]],[1692815495,[4,4,0]],[1692815496,[5,5,0]],[1692815497,[5,5,0]],[1692815498,[3,3,0]],[1692815499,[6,6,0]],[1692815500,[9,9,0]],[1692815501,[6,6,0]],[1692815502,[3,3,0]],[1692815503,[3,3,0]],[1692815504,[4,4,0]],[1692815505,[4,4,0]],[1692815506,[8,8,0]],[1692815507,[13,13,0]],[1692815508,[15,15,0]],[1692815509,[20,20,0]],[1692815510,[19,19,0]],[1692815511,[21,21,0]],[1692815512,[27,27,0]],[1692815513,[28,28,0]],[1692815514,[33,33,0]],[1692815515,[35,35,0]],[1692815516,[37,37,0]],[1692815517,[45,45,0]],[1692815518,[42,42,0]],[1692815519,[45,45,0]],[1692815520,[51,51,0]],[1692815521,[52,52,0]],[1692815522,[51,51,0]],[1692815523,[49,49,0]],[1692815524,[58,58,0]],[1692815525,[51,51,0]],[1692815526,[86,86,0]],[1692815527,[74,74,0]],[1692815528,[71,71,0]],[1692815529,[78,78,0]],[1692815530,[75,75,0]],[1692815531,[82,82,0]],[1692815532,[82,82,0]],[1692815533,[88,88,0]],[1692815534,[87,87,0]],[1692815535,[95,95,0]],[1692815536,[94,94,0]],[1692815537,[95,95,0]],[1692815538,[98,98,0]],[1692815539,[101,101,0]],[1692815540,[106,106,0]],[1692815541,[113,113,0]],[1692815542,[105,105,0]],[1692815543,[99,99,0]],[1692815544,[115,115,0]],[1692815545,[106,106,0]],[1692815546,[97,97,0]],[1692815547,[114,114,0]],[1692815548,[80,80,0]],[1692815549,[73,73,0]],[1692815550,[92,92,0]],[1692815551,[41,41,0]],[1692815552,[89,89,0]],[1692815553,[75,75,0]],[1692815554,[79,79,0]],[1692815555,[48,48,0]],[1692815556,[90,90,0]],[1692815557,[60,60,0]],[1692815558,[61,61,0]],[1692815559,[94,94,0]],[1692815560,[87,87,0]],[1692815561,[46,46,0]],[1692815562,[64,64,0]],[1692815563,[73,73,0]],[1692815564,[120,120,0]],[1692815565,[30,30,0]],[1692815566,[47,47,0]],[1692815567,[76,76,0]],[1692815568,[57,49,8]],[1692815569,[93,64,29]],[1692815570,[42,22,20]],[1692815571,[118,62,56]],[1692815572,[22,8,14]],[1692815573,[48,9,39]],[1692815574,[46,13,33]],[1692815575,[84,1,83]],[1692815576,[41,0,41]],[1692815577,[43,0,43]],[1692815578,[88,0,88]],[1692815579,[47,0,47]],[1692815580,[44,0,44]],[1692815581,[67,0,67]],[1692815582,[40,0,40]],[1692815583,[35,0,35]],[1692815584,[30,0,30]],[1692815585,[58,0,58]],[1692815586,[29,0,29]],[1692815587,[51,0,51]],[1692815588,[65,0,65]],[1692815589,[44,0,44]],[1692815590,[47,0,47]],[1692815591,[44,0,44]],[1692815592,[44,0,44]],[1692815593,[67,0,67]],[1692815594,[70,0,70]],[1692815595,[50,0,50]],[1692815596,[32,0,32]],[1692815597,[42,0,42]],[1692815598,[43,0,43]],[1692815599,[51,0,51]],[1692815600,[36,0,36]],[1692815601,[64,0,64]],[1692815602,[40,0,40]],[1692815603,[32,0,32]],[1692815604,[45,0,45]],[1692815605,[8,0,8]],[1692815606,[64,0,64]],[1692815607,[30,0,30]],[1692815608,[25,0,25]],[1692815609,[14,0,14]],[1692815610,[8,0,8]],[1692815611,[38,0,38]],[1692815612,[36,0,36]],[1692815613,[17,0,17]],[1692815614,[25,0,25]],[1692815615,[22,0,22]],[1692815616,[18,0,18]],[1692815617,[9,0,9]],[1692815618,[16,0,16]],[1692815619,[7,0,7]],[1692815620,[25,0,25]],[1692815621,[7,0,7]],[1692815622,[16,0,16]],[1692815623,[6,0,6]],[1692815624,[8,0,8]],[1692815625,[11,0,11]],[1692815626,[15,0,15]],[1692815627,[5,0,5]],[1692815628,[4,0,4]],[1692815629,[14,0,14]],[1692815630,[5,0,5]],[1692815631,[14,0,14]],[1692815632,[4,0,4]],[1692815633,[13,0,13]],[1692815634,[8,0,8]],[1692815635,[0,0,0]],[1692815636,[0,0,0]],[1692815637,[0,0,0]],[1692815638,[0,0,0]],[1692815639,[0,0,0]],[1692815640,[0,0,0]],[1692815641,[0,0,0]],[1692815642,[0,0,0]],[1692815643,[0,0,0]],[1692815644,[0,0,0]],[1692815645,[0,0,0]],[1692815646,[0,0,0]],[1692815647,[0,0,0]],[1692815648,[0,0,0]],[1692815649,[0,0,0]],[1692815650,[0,0,0]],[1692815651,[0,0,0]],[1692815652,[0,0,0]],[1692815653,[0,0,0]],[1692815654,[0,0,0]],[1692815655,[0,0,0]],[1692815656,[0,0,0]],[1692815657,[0,0,0]],[1692815658,[0,0,0]],[1692815659,[0,0,0]],[1692815660,[0,0,0]],[1692815661,[0,0,0]],[1692815662,[0,0,0]],[1692815663,[0,0,0]],[1692815664,[0,0,0]],[1692815665,[0,0,0]],[1692815666,[0,0,0]],[1692815667,[0,0,0]],[1692815668,[0,0,0]],[1692815669,[0,0,0]],[1692815670,[0,0,0]],[1692815671,[0,0,0]],[1692815672,[0,0,0]],[1692815673,[0,0,0]],[1692815674,[0,0,0]],[1692815675,[0,0,0]],[1692815676,[0,0,0]],[1692815677,[0,0,0]],[1692815678,[0,0,0]],[1692815679,[0,0,0]],[1692815680,[0,0,0]],[1692815681,[0,0,0]],[1692815682,[0,0,0]],[1692815683,[0,0,0]],[1692815684,[0,0,0]],[1692815685,[0,0,0]],[1692815686,[0,0,0]],[1692815687,[0,0,0]],[1692815688,[0,0,0]],[1692815689,[0,0,0]],[1692815690,[0,0,0]],[1692815691,[0,0,0]],[1692815692,[0,0,0]],[1692815693,[0,0,0]],[1692815694,[0,0,0]],[1692815695,[0,0,0]],[1692815696,[0,0,0]],[1692815697,[0,0,0]],[1692815698,[0,0,0]],[1692815699,[0,0,0]],[1692815700,[0,0,0]],[1692815701,[0,0,0]],[1692815702,[0,0,0]],[1692815703,[0,0,0]],[1692815704,[0,0,0]],[1692815705,[0,0,0]],[1692815706,[0,0,0]],[1692815707,[0,0,0]],[1692815708,[0,0,0]],[1692815709,[0,0,0]],[1692815710,[0,0,0]],[1692815711,[0,0,0]],[1692815712,[0,0,0]],[1692815713,[0,0,0]],[1692815714,[0,0,0]],[1692815715,[0,0,0]],[1692815716,[0,0,0]],[1692815717,[0,0,0]],[1692815718,[0,0,0]],[1692815719,[0,0,0]],[1692815720,[0,0,0]],[1692815721,[0,0,0]],[1692815722,[0,0,0]],[1692815723,[0,0,0]],[1692815724,[0,0,0]],[1692815725,[0,0,0]],[1692815726,[0,0,0]],[1692815727,[0,0,0]],[1692815728,[0,0,0]],[1692815729,[0,0,0]],[1692815730,[0,0,0]],[1692815731,[0,0,0]],[1692815732,[0,0,0]],[1692815733,[0,0,0]],[1692815734,[0,0,0]],[1692815735,[0,0,0]],[1692815736,[0,0,0]],[1692815737,[0,0,0]],[1692815738,[0,0,0]],[1692815739,[0,0,0]],[1692815740,[0,0,0]],[1692815741,[0,0,0]],[1692815742,[0,0,0]],[1692815743,[0,0,0]],[1692815744,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692815480,[1,1,0]],[1692815481,[2,2,0]],[1692815482,[3,3,0]],[1692815483,[1,1,0]],[1692815484,[2,2,0]],[1692815485,[2,2,0]],[1692815486,[1,1,0]],[1692815487,[2,2,0]],[1692815488,[2,2,0]],[1692815489,[3,3,0]],[1692815490,[5,5,0]],[1692815491,[1,1,0]],[1692815492,[4,4,0]],[1692815493,[0,0,0]],[1692815494,[4,4,0]],[1692815495,[4,4,0]],[1692815496,[5,5,0]],[1692815497,[5,5,0]],[1692815498,[2,2,0]],[1692815499,[7,7,0]],[1692815500,[9,9,0]],[1692815501,[6,6,0]],[1692815502,[3,3,0]],[1692815503,[3,3,0]],[1692815504,[4,4,0]],[1692815505,[4,4,0]],[1692815506,[8,8,0]],[1692815507,[13,13,0]],[1692815508,[15,15,0]],[1692815509,[20,20,0]],[1692815510,[19,19,0]],[1692815511,[21,21,0]],[1692815512,[27,27,0]],[1692815513,[28,28,0]],[1692815514,[33,33,0]],[1692815515,[35,35,0]],[1692815516,[37,37,0]],[1692815517,[45,45,0]],[1692815518,[42,42,0]],[1692815519,[45,45,0]],[1692815520,[51,51,0]],[1692815521,[52,52,0]],[1692815522,[47,47,0]],[1692815523,[45,45,0]],[1692815524,[50,50,0]],[1692815525,[55,55,0]],[1692815526,[89,89,0]],[1692815527,[80,80,0]],[1692815528,[74,74,0]],[1692815529,[78,78,0]],[1692815530,[75,75,0]],[1692815531,[82,82,0]],[1692815532,[82,82,0]],[1692815533,[88,88,0]],[1692815534,[87,87,0]],[1692815535,[95,95,0]],[1692815536,[92,92,0]],[1692815537,[97,97,0]],[1692815538,[98,98,0]],[1692815539,[101,101,0]],[1692815540,[106,106,0]],[1692815541,[113,113,0]],[1692815542,[99,99,0]],[1692815543,[79,79,0]],[1692815544,[119,119,0]],[1692815545,[97,97,0]],[1692815546,[79,79,0]],[1692815547,[86,86,0]],[1692815548,[81,81,0]],[1692815549,[53,53,0]],[1692815550,[45,45,0]],[1692815551,[24,24,0]],[1692815552,[51,51,0]],[1692815553,[46,46,0]],[1692815554,[41,41,0]],[1692815555,[6,6,0]],[1692815556,[60,60,0]],[1692815557,[36,36,0]],[1692815558,[38,38,0]],[1692815559,[52,52,0]],[1692815560,[43,43,0]],[1692815561,[13,13,0]],[1692815562,[34,34,0]],[1692815563,[28,28,0]],[1692815564,[70,70,0]],[1692815565,[25,25,0]],[1692815566,[19,19,0]],[1692815567,[20,20,0]],[1692815568,[31,31,0]],[1692815569,[32,32,0]],[1692815570,[24,24,0]],[1692815571,[60,60,0]],[1692815572,[12,12,0]],[1692815573,[30,30,0]],[1692815574,[28,28,0]],[1692815575,[25,25,0]],[1692815576,[22,22,0]],[1692815577,[21,21,0]],[1692815578,[30,30,0]],[1692815579,[11,11,0]],[1692815580,[19,19,0]],[1692815581,[24,24,0]],[1692815582,[18,18,0]],[1692815583,[16,16,0]],[1692815584,[15,15,0]],[1692815585,[30,30,0]],[1692815586,[11,11,0]],[1692815587,[46,46,0]],[1692815588,[38,38,0]],[1692815589,[12,12,0]],[1692815590,[14,14,0]],[1692815591,[14,14,0]],[1692815592,[9,9,0]],[1692815593,[11,11,0]],[1692815594,[20,20,0]],[1692815595,[9,9,0]],[1692815596,[0,0,0]],[1692815597,[15,15,0]],[1692815598,[16,16,0]],[1692815599,[32,32,0]],[1692815600,[11,11,0]],[1692815601,[35,35,0]],[1692815602,[15,15,0]],[1692815603,[10,10,0]],[1692815604,[13,13,0]],[1692815605,[3,3,0]],[1692815606,[23,23,0]],[1692815607,[20,20,0]],[1692815608,[6,6,0]],[1692815609,[2,2,0]],[1692815610,[134,2,132]],[1692815611,[11,8,3]],[1692815612,[2,1,1]],[1692815613,[19,19,0]],[1692815614,[13,12,1]],[1692815615,[12,10,2]],[1692815616,[16,14,2]],[1692815617,[6,6,0]],[1692815618,[14,11,3]],[1692815619,[3,3,0]],[1692815620,[237,1,236]],[1692815621,[267,1,266]],[1692815622,[54,1,53]],[1692815623,[0,0,0]],[1692815624,[4,4,0]],[1692815625,[1,1,0]],[1692815626,[2,2,0]],[1692815627,[2,2,0]],[1692815628,[0,0,0]],[1692815629,[9,9,0]],[1692815630,[2,2,0]],[1692815631,[0,0,0]],[1692815632,[1,1,0]],[1692815633,[1,1,0]],[1692815634,[3,1,2]],[1692815635,[249,0,249]],[1692815636,[350,0,350]],[1692815637,[58,0,58]],[1692815638,[0,0,0]],[1692815639,[0,0,0]],[1692815640,[0,0,0]],[1692815641,[0,0,0]],[1692815642,[0,0,0]],[1692815643,[0,0,0]],[1692815644,[0,0,0]],[1692815645,[0,0,0]],[1692815646,[0,0,0]],[1692815647,[0,0,0]],[1692815648,[0,0,0]],[1692815649,[0,0,0]],[1692815650,[0,0,0]],[1692815651,[0,0,0]],[1692815652,[0,0,0]],[1692815653,[0,0,0]],[1692815654,[0,0,0]],[1692815655,[0,0,0]],[1692815656,[0,0,0]],[1692815657,[0,0,0]],[1692815658,[0,0,0]],[1692815659,[0,0,0]],[1692815660,[0,0,0]],[1692815661,[0,0,0]],[1692815662,[0,0,0]],[1692815663,[77,0,77]],[1692815664,[0,0,0]],[1692815665,[0,0,0]],[1692815666,[0,0,0]],[1692815667,[0,0,0]],[1692815668,[0,0,0]],[1692815669,[0,0,0]],[1692815670,[0,0,0]],[1692815671,[261,0,261]],[1692815672,[127,0,127]],[1692815673,[4,0,4]],[1692815674,[2,0,2]],[1692815675,[9,0,9]],[1692815676,[6,0,6]],[1692815677,[0,0,0]],[1692815678,[3,0,3]],[1692815679,[2,0,2]],[1692815680,[6,0,6]],[1692815681,[110,0,110]],[1692815682,[18,0,18]],[1692815683,[4,0,4]],[1692815684,[4,0,4]],[1692815685,[5,0,5]],[1692815686,[5,0,5]],[1692815687,[3,0,3]],[1692815688,[2,0,2]],[1692815689,[7,0,7]],[1692815690,[3,0,3]],[1692815691,[8,0,8]],[1692815692,[3,0,3]],[1692815693,[5,0,5]],[1692815694,[5,0,5]],[1692815695,[0,0,0]],[1692815696,[126,0,126]],[1692815697,[0,0,0]],[1692815698,[0,0,0]],[1692815699,[0,0,0]],[1692815700,[0,0,0]],[1692815701,[0,0,0]],[1692815702,[0,0,0]],[1692815703,[0,0,0]],[1692815704,[0,0,0]],[1692815705,[0,0,0]],[1692815706,[0,0,0]],[1692815707,[0,0,0]],[1692815708,[0,0,0]],[1692815709,[0,0,0]],[1692815710,[0,0,0]],[1692815711,[0,0,0]],[1692815712,[0,0,0]],[1692815713,[0,0,0]],[1692815714,[0,0,0]],[1692815715,[0,0,0]],[1692815716,[0,0,0]],[1692815717,[0,0,0]],[1692815718,[0,0,0]],[1692815719,[0,0,0]],[1692815720,[0,0,0]],[1692815721,[0,0,0]],[1692815722,[0,0,0]],[1692815723,[0,0,0]],[1692815724,[0,0,0]],[1692815725,[0,0,0]],[1692815726,[0,0,0]],[1692815727,[0,0,0]],[1692815728,[0,0,0]],[1692815729,[0,0,0]],[1692815730,[0,0,0]],[1692815731,[0,0,0]],[1692815732,[0,0,0]],[1692815733,[0,0,0]],[1692815734,[0,0,0]],[1692815735,[0,0,0]],[1692815736,[0,0,0]],[1692815737,[0,0,0]],[1692815738,[0,0,0]],[1692815739,[0,0,0]],[1692815740,[0,0,0]],[1692815741,[0,0,0]],[1692815742,[0,0,0]],[1692815743,[0,0,0]],[1692815744,[0,0,0]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 4499.0, color: '#68b65c'},{name: 'KO', y: 2163.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[7,12],[7,4],[7,4],[8,4],[8,4],[8,5],[8,5],[8,5],[8,4],[9,5],[9,4],[10,15],[10,4],[10,6],[12,4],[12,4],[12,4],[13,4],[14,3],[15,9],[15,4],[15,4],[16,5],[17,4],[24,6],[29,5],[39,4],[45,4],[55,5],[56,4],[63,4],[74,4],[77,4],[89,6],[93,4],[99,4],[110,6],[112,4],[120,4],[130,4],[133,9],[137,95],[141,387],[149,403],[152,390],[181,174],[181,67],[188,345],[192,30],[195,10],[203,12],[209,17],[218,39],[223,61],[232,7],[237,73],[241,69],[242,4404],[248,6],[256,5],[264,9],[267,2662],[267,8465],[270,479],[271,75],[272,1876],[276,44],[279,1066],[284,767],[285,6183],[286,11196],[288,27929],[290,369],[290,18112],[291,3311],[291,12295],[294,7806],[297,6049],[300,1574],[309,49544],[310,20677],[310,31174],[314,9601],[321,42467],[324,23403],[325,16410],[329,14302],[329,35922],[340,53653],[341,33895],[341,58028],[369,40511],[376,25713],[382,59320],[399,46899]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[309,94333],[321,100759],[329,94849],[340,98767],[341,97853],[344,95495],[350,94712],[362,102266],[363,101590],[366,102480],[366,112281],[367,90616],[369,94553],[371,110130],[382,96021],[390,110711],[397,111289],[398,94736],[399,100435],[399,94190],[400,107154],[406,91379],[406,89009],[412,104667],[415,108000],[415,99904],[426,91427],[428,101191],[429,84100],[434,98422],[435,95858],[439,85505],[443,84862],[446,87471],[446,81986],[448,94510],[448,86572],[449,87271],[456,89474],[457,88393],[461,77969],[467,95157],[470,60000],[477,63971],[480,70305],[480,59668],[481,60002],[481,67683],[482,60028],[483,72583],[487,60801],[488,74958],[490,57413],[496,69462],[504,73945],[505,60212],[505,60000],[509,60000],[514,67602],[516,60000],[518,69850],[525,64872],[529,62544],[531,63041],[537,65207],[544,61496],[545,62921]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
